<div>

    <div class="main">

        <div class="phone">
            <div class="tt"><img class="img" :src="$STATIC_RESOURCE_DOMAIN+'images/topStateBlack.png'" />
                <div class="text">
                    <div class="i">
                        <div class="iconfont icon-arrow-left-bold"></div>
                    </div>
                    <div class="t">默认菜单</div>
                    <div class="i">
                        <div class="iconfont icon-people-fill"></div>
                    </div>
                </div>
            </div>
            <div class="mm">
                <!-- {{selectItemIndex}}
                {{selectSubItemIndex}} -->
            </div>
            <div class="footer">

                <div class="icon"><i class="iconfont icon-imkeyboard"></i></div>
                <div :class="'item select '+(index==selectItemIndex)" v-for="(item,index) in menuLst" :key="index">
                    <div class="name" @click="seletItem(index,-1)">{{item.name}}</div>
                    <div class="popper">
                        <div :class="'li select '+(index==selectItemIndex && iindex==selectSubItemIndex)"
                            v-for="(iitem,iindex) in item.subMenuLst" @click="seletItem(index,iindex)" :key="iindex">
                            {{iitem.name}}</div>
                        <div class="li" v-if="item.subMenuLst.length<5" @click="addMenuLi(index)"><i
                                class="iconfont icon-but-plus"></i></div>
                    </div>
                </div>
                <div class="create" @click="addMenuItem()" v-if="menuLst.length<3"><i
                        class="iconfont icon-but-plus"></i>
                </div>
            </div>
        </div>
        <div class="form">
            <div v-for="(item,index) in menuLst" :key="index">

                <Edit v-if="index==selectItemIndex && iindex==selectSubItemIndex" @delItem="delItem(index,iindex)"
                    v-for="(iitem,iindex) in item.subMenuLst" :size="12" :key="iindex" :form.sync="iitem" :appWindow="appWindow">
                </Edit>
                <Edit v-if="index==selectItemIndex && selectSubItemIndex<0" @delItem="delItem(index,-1)"
                    :form.sync="item" :size="5" :appWindow="appWindow"></Edit>
            </div>
            <div v-if="menuLst.length<=0" class="null">
               <div class="nullBox">
                <div class="p">点击左侧 <i class="iconfont icon-but-plus"></i> 创建一级菜单</div>
                <div class="p">在一级菜单上方点击 <i class="iconfont icon-but-plus"></i> 创建二级菜单</div>
                <div class="p"> <el-button  type="primary" @click="addMenuItem()">试一试</el-button></div>
               </div>
            </div>
        </div>
    </div>
</div>
